//  general
@general-1: #FFFFFF;
@general-6: #D8DFEB;
@general-12: #8EA5BF;
@general-18: #556E92 ;
@general-24: #FF2B48;
@general-30: #2EC87B;
@general-36: #3892FF;


@general-42: #3892FF;
@general-46: #2F7AD5;
@general-48: #0053B8;
@general-51: #29519D;
@general-54: #2C4A90;
@general-60: #194381;
@general-63: #1B3B79;
@general-66: #2B3E68;
@general-72: #233460;
@general-78: #17264B;
@general-84: #132147;
@general-87: #101F3C;
@general-88: #041332;
@general-90: #030E2D;
@general-93: #050912;
@general-96: #FF3551;
@general-102: #D62C43;
@general-108: #B80F26;
@general-114: #6C1C38;
@general-120: #4C004E;
@general-126: #136C5E;
@general-132: #3C3C3C;

@general-transparent: transparent;

//  common
@common-font: @general-6;
@common-bg: @general-66;
@common-border: @general-72;
//  hover
@hover-font: @general-6;
@hover-bg: @general-66;
@hover-border: @general-42;
//  focus
@focus-font: @general-6;
@focus-bg: @general-66;
@focus-border: @general-72;
//  active
@active-font: @general-6;
@active-bg: @general-54;
@active-border: @general-54;
//  selected
@selected-font: @general-6;
@selected-bg: @general-54;
@selected-border: @general-54;
//  disabled
@disabled-font: @general-18;
@disabled-bg: @general-78;
@disabled-border: @general-84;